﻿
<script type="text/javascript">
    var ss = new Array();
    var list;
    function initcombo() {
        //绑定(司机)工号和绑定(司机)姓名联动
        $('#DriverWorkID').combobox({
            prompt: '--请选择--',
            url: '@Url.Content("~/CM/CardInfo/GetDriverWorkID?em=")' + '@ViewData["em"]' + '&selfCenterID=' + '@ViewData["selfCenterID"]' + '&selfStationID=' + '@ViewData["selfStationID"]' + '&selfWorkCode=' + '@ViewData["selfWorkCode"]',//ajax后台取数据路径，返回的是json格式的数据
            valueField: 'Name',
            textField: 'Name',
            method: 'POST',
            required: true,
            filter: function (q, row) {
                var opts = $(this).combobox('options');
                return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配
            },
            onHidePanel: function () { //验证输入的值必须为选项框中的数据，否则还原为空
                var _options = $(this).combobox('options');
                var _data = $(this).combobox('getData');/* 下拉框所有选项 */
                var _value = $(this).combobox('getValue');/* 用户输入的值 */
                var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                for (var i = 0; i < _data.length; i++) {
                    if (_data[i][_options.valueField] == _value) {
                        _b = true;
                        break;
                    }
                }
                if (!_b) {
                    $(this).combobox('setValue', '');
                }
            },
            onSelect: function (rec) {
                //console.log(rec);
                $.ajax({
                    type: 'POST',
                    url: '@Url.Content("~/CM/CardInfo/GetListByWorkID")',
                    data:
                        {
                            workID: rec.Name
                        },
                    dataType: "json",
                    success: function (jsData) {
                        $('#DriverName').combobox("setText", jsData.model.DriverName);
                    }
                });
            },
            onChange: function () {
                $('#DriverName').combobox('clear');
            }
        });
        //取分中心
        @*EUIcombobox("#Center", {
            url: '@Url.Content("~/Medical/GetCenter/")',
            valueField: 'ID',
            textField: 'Name',
            //prompt: '--请选择--',
            editable: false,
            OneOption: [{
                ID: "",
                Name: "--请选择--"
            }],
            onSelect: function (rec) {
                var urlstation = '@Url.Content("~/Medical/GetStation?code=")' + rec.ID;
                EUIcombobox("#Station", {
                    url: urlstation,
                    valueField: 'ID',
                    textField: 'Name',
                    //prompt: '--请选择--',
                    editable: false,
                    OneOption: [{
                        ID: "",
                        Name: "--请选择--"
                    }]
                });
            }
        });   
        // 出车分站
        EUIcombobox("#Station", {
            url: '@Url.Content("~/Medical/GetStation?code=")',
            valueField: 'ID',
            textField: 'Name',
            //prompt: '--请选择--',
            editable: false,
            OneOption: [{
                ID: "",
                Name: "--请选择--"
            }]
        })*@
        $('#Center').combobox({
            url: '@Url.Content("~/Medical/GetCenter/")',
            valueField: 'ID',
            textField: 'Name',
            prompt: '--请选择--',
            editable: false,
            onSelect: function (rec) {
                var urlstation = '@Url.Content("~/Medical/GetStation?code=")' + rec.ID;
                EUIcombobox("#Station", {
                    url: urlstation,
                    valueField: 'ID',
                    textField: 'Name',
                    //prompt: '--请选择--',
                    editable: false,
                    OneOption: [{
                        ID: "",
                        Name: "--请选择--"
                    }]
                });
            }
        });   
        // 出车分站
        EUIcombobox("#Station", {
            url: '@Url.Content("~/Medical/GetStation?code=")',
            valueField: 'ID',
            textField: 'Name',
            //prompt: '--请选择--',
            editable: false,
            OneOption: [{
                ID: "",
                Name: "--请选择--"
            }]
        })
        @*$('#DriverWorkID').combobox({
            prompt: '--请选择--',
            url: '@Url.Content("~/CM/CardInfo/GetDriverWorkID")',//ajax后台取数据路径，返回的是json格式的数据
            valueField: 'Name',
            textField: 'Name',
            method: 'POST',
            onSelect: function (rec) {
                $('#DriverName').combobox({
                    prompt: '--请选择--',
                    url: '@Url.Content("~/CM/CardInfo/GetDriverName?driverWorkID=")'+ rec.Name,//ajax后台取数据路径，返回的是json格式的数据
                    valueField: 'Name',
                    textField: 'Name',
                    method: 'POST',
                })
            }
        })*@
        @*$('#DriverName').combobox({
            prompt: '--请选择--',
            url: '@Url.Content("~/CM/CardInfo/GetDriverNames")',//ajax后台取数据路径，返回的是json格式的数据
            valueField: 'Name',
            textField: 'Name',
            method: 'POST',
            editable: true,
            onSelect: function (rec) {
                $('#DriverWorkID').combobox({
                    prompt: '--请选择--',
                    url: '@Url.Content("~/CM/CardInfo/GetDriverWorkIDs?driverName=")' + rec.Name,//ajax后台取数据路径，返回的是json格式的数据
                    valueField: 'Name',
                    textField: 'Name',
                    method: 'POST',
                })
            }
        })*@
        //卡号只能输入数字
        $(function () {
            $("#CardCode").textbox('textbox').bind('keyup', function (e) {
                $("#CardCode").textbox('setValue', $(this).val().replace(/\D/g, ''));
            });
        });

        //判断新增卡号是否之前已存在
        $("#CardCode").textbox({
            onChange: function (newValue, oldValue) {
                var str = $("#CardCode").textbox("getValue");
                $.each(ss, function (i, Name) {
                    if (str == ss[i].Name) {
                        $.showMsg("该卡号已存在，请重新输入！", "提示");
                        $("#CardCode").textbox('clear');
                    }
                })
            }
        })
    }
    //点击新增按钮时取出卡号的list
    function init() {
        $.ajax({
            type: 'POST',
            url: '@Url.Content("~/CM/CardInfo/GetYXCardCodes")',
            dataType: "json",
            success: function (list) {
                ss = list;

            }
        });
    }


    //确认新增提交方法
    function submitAddForm() {
        var s = $("#CardCode").textbox("getValue");
        var isValid = $("#NewCardList").form("validate");

        if (isValid) {
            if (s.length == 19) {

                //$('#btnadd').linkbutton('disable');
                $.messager.confirm('提示', '确认新增吗?', function (r) {
                    if (r) {
                        $.ajax({
                            type: 'POST',
                            url: '@Url.Content("~/CM/CardInfo/CardInfoAdd")',
                            data:
                                {
                                    sCardInfo: JSON.stringify(CardModel(false))
                                },
                            dataType: "json",
                            success: function (jsData) {
                                $.handleJsonResult(jsData, function () {
                                    $('#NewCardList').dialog("close");
                                    $("#gridCardInfo").datagrid("reload");
                                }, function () {
                                    $('#btnadd').linkbutton('enable');
                                });
                            }
                        });
                    } else { $('#btnadd').linkbutton('enable'); }
                });
            }


            else {
                $.messager.alert('提示', '卡号位数不正确,请重新确认!', 'info', function () { });
            }
        } else {
            $.showMsg("请填写必填项！", "提示");
        }
    }
    //确认修改提交方法
    function submitEditForm() {
        var s = $("#CardCode").textbox("getText");
        var isValid = $("#NewCardList").form("validate");

        if (isValid) {
            if (s.length == 19) {

                //$('#btnadd').linkbutton('disable');
                $.messager.confirm('提示', '确认修改吗?', function (r) {
                    if (r) {
                        $.ajax({
                            type: 'POST',
                            url: '@Url.Content("~/CM/CardInfo/CardInfoEdit")',
                            data:
                                {
                                    sCardInfo: JSON.stringify(CardModel(false)),
                                    id: $("#ID").val(),
                                },
                            dataType: "json",
                            success: function (jsData) {
                                $.handleJsonResult(jsData, function () {
                                    $('#NewCardList').dialog("close");
                                    $("#gridCardInfo").datagrid("reload");
                                }, function () {
                                    $('#btnedit').linkbutton('enable');
                                });
                            }
                        });
                    } else { $('#btnedit').linkbutton('enable'); }
                });
            }


            else {
                $.messager.alert('提示', '卡号位数不正确,请重新确认!', 'info', function () { });
            }
        } else {
            $.showMsg("请填写必填项！", "提示");
        }
    }
    //换卡
    function submitEditFormHK() {
        var s = $("#CardCode").textbox("getText");
        var isValid = $("#NewCardList").form("validate");
        if (isValid) {
            //$('#btnHK').linkbutton('disable');
            if (s.length == 19) {
                $.messager.confirm('提示', '确认更换吗?', function (r) {
                    if (r) {
                        $.ajax({
                            type: 'POST',
                            url: '@Url.Content("~/CM/CardInfo/CardInfoHK")',
                            data:
                                {
                                    sCardInfo: JSON.stringify(CardModel(false)),
                                    id: $("#ID").val(),
                                },
                            dataType: "json",
                            success: function (jsData) {
                                $.handleJsonResult(jsData, function () {
                                    $('#NewCardList').dialog("close");
                                    $("#gridCardInfo").datagrid("reload");
                                });
                            }
                        });
                    } else { $('#btnHK').linkbutton('enable'); }
                });
            } else {
                $.messager.alert('提示', '卡号位数不正确,请重新确认!', 'info', function () { });
                $('#btnHK').linkbutton('enable');
            }
        } else {
            $.showMsg("请填写必填项！", "提示");
        }
    }

    //换人
    function submitEditFormHR() {
        var s = $("#CardCode").textbox("getValue");
        var isValid = $("#NewCardList").form("validate");
        if (isValid) {

            $.messager.confirm('提示', '确认更换吗?', function (r) {
                if (r) {
                    $.ajax({
                        type: 'POST',
                        url: '@Url.Content("~/CM/CardInfo/CardInfoHR")',
                        data:
                            {
                                sCardInfo: JSON.stringify(CardModel(false)),
                                id: $("#ID").val(),
                            },
                        dataType: "json",
                        success: function (jsData) {
                            $.handleJsonResult(jsData, function () {
                                $('#NewCardList').dialog("close");
                                $("#gridCardInfo").datagrid("reload");
                            });
                        }
                    });
                } else { $('#btnHR').linkbutton('enable'); }
            });
        } else {
            $.showMsg("请填写必填项！", "提示");
        }
    }

    //获取填写所有值
    function CardModel(isEdit) {
        var obj = new Object();
        if (isEdit)
            obj.ID = $("#ID").val();
        obj.CenterID = $("#Center").combobox('getValue');
        obj.StationID = $("#Station").combobox("getValue");
        obj.LinkCardCode = $("#LinkCardCode").val();
        obj.CardCode = $("#CardCode").textbox('getText');
        obj.DriverWorkID = $("#DriverWorkID").combobox("getValue");
        obj.DriverName = $("#DriverName").combobox("getText");
        obj.CardAmount = $("#CardAmount").numberbox('getText');;
        obj.IsActive = $("#IsActive").combobox("getValue");
        obj.Remark = $("#Remark").textbox("getText");
        obj.IsFanBan = $("#IsFanBan").combobox("getValue");
        obj.FillPerson = '@ViewData["name"]';
        obj.FillTime = '@ViewData["time"]';
        return obj;
    }
    //新增入口
    function initAddInfo() {
        $('#btnadd').linkbutton('enable');
        $.GID("btnadd").style.display = "block";
        $('#btnHR').linkbutton('disable');
        $.GID("btnHR").style.display = "none";
        $('#btnHK').linkbutton('disable');
        $.GID("btnHK").style.display = "none";
        $('#btnedit').linkbutton('disable');
        $.GID("btnedit").style.display = "none";
        title = "新增页面";
        $('#ID').val("");
        $("#Center").combobox("setValue", "");
        $("#Station").combobox("setValue", "");
        $("#LinkCardCode").val("");
        $("#CardCode").textbox("clear");
        $("#CardCode").textbox('enable');
        $("#DriverWorkID").combobox("setValue", "");
        $("#DriverWorkID").combobox('enable');
        //$("#DriverName").combobox("setText", "");
        $("#DriverName").combobox('enable');
        $("#CardAmount").textbox("clear");
        $("#CardAmount").textbox('enable');
        $("#IsActive").combobox("setText", "是");
        $("#IsActive").textbox('enable');
        $("#IsFanBan").combobox("setText", "是");
        $("#IsFanBan").textbox('enable');
        $("#Remark").textbox("clear");
        $("#Remark").textbox('enable');
    }
    //换卡,禁用换人和新增确认按钮
    function initAddInfoHK() {
        $('#btnadd').linkbutton('disable');
        $.GID("btnadd").style.display = "none";
        $('#btnedit').linkbutton('disable');
        $.GID("btnedit").style.display = "none";
        $('#btnHR').linkbutton('disable');
        $.GID("btnHR").style.display = "none";
        $('#btnHK').linkbutton('enable');
        $.GID("btnHK").style.display = "block";
        title = "换卡页面";
    }
    //换人，禁用换卡和新增确认按钮
    function initAddInfoHR() {
        $('#btnadd').linkbutton('disable');
        $.GID("btnadd").style.display = "none";
        $('#btnedit').linkbutton('disable');
        $.GID("btnedit").style.display = "none";
        $('#btnHR').linkbutton('enable');
        $.GID("btnHR").style.display = "block";
        $('#btnHK').linkbutton('disable');
        $.GID("btnHK").style.display = "none";
        title = "换人页面";
    }
    //修改，禁用换卡、人和新增确认按钮
    function initEditInfo() {
        $('#btnadd').linkbutton('disable');
        $.GID("btnadd").style.display = "none";
        $('#btnedit').linkbutton('enable');
        $.GID("btnedit").style.display = "block";
        $('#btnHR').linkbutton('disable');
        $.GID("btnHR").style.display = "none";
        $('#btnHK').linkbutton('disable');
        $.GID("btnHK").style.display = "none";
        title = "换人页面";
    }
</script>

<div id="NewCardList" class="easyui-dialog" title="油卡新增页面" data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closed:true,resizable:false,iconCls:'icon-custom-cWuZiWeiHu'" style="width:655px;height:258px;padding:10px;">
    <input id="ID" type="hidden">
    <input id="LinkCardCode" type="hidden">
    <table border="0" cellpadding="0" cellspacing="8" style="width: 99%; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px">
        <tr>
            <td style="width: 110px; text-align: right">
                卡号：
            </td>
            <td>
                <input class="easyui-textbox" style="width: 160px" id="CardCode" data-options="required:true">(19位)
            </td>
            <td style="width:110px;text-align:right">
                分中心：
            </td>
            <td>
                <input class="easyui-combobox" style="width: 160px" id="Center" data-options="panelheight:'auto',required:true,editable:false">
            </td>

        </tr>
        <tr>
            <td style="width: 110px; text-align: right">
                卡内金额：
            </td>
            <td>
                <input class="easyui-numberbox" style="width: 160px" id="CardAmount" data-options="required:true,min:0,precision: 2">
            </td>
            <td style="width:110px;text-align:right">
                分站：
            </td>
            <td>
                <input class="easyui-combobox" style="width: 160px" id="Station" data-options="editable:false">
            </td>
        </tr>
        <tr>
            <td style="width: 110px; text-align: right">
                是否翻班卡：
            </td>
            <td>
                <select class="easyui-combobox" style="width: 160px" id="IsFanBan" data-options="required:true,panelHeight:'auto', editable:false">
                    <option value="true">是</option>
                    <option value="false">否</option>
                </select>
            </td>
            <td style="width: 110px; text-align: right">
                油卡负责人工号：
            </td>
            <td>
                <input class="easyui-combobox" style="width: 160px" id="DriverWorkID" data-options="required:true">
            </td>
        </tr>
        <tr>
            <td style="width: 110px; text-align: right">
                是否有效：
            </td>
            <td>
                <select class="easyui-combobox" style="width: 160px" id="IsActive" data-options="required:true,panelHeight:'auto', editable:false">

                    <option value="true">是</option>
                    <option value="false">否</option>
                </select>
            </td>
            <td style="width: 110px; text-align: right">
                油卡负责人姓名：
            </td>
            <td>
                <input class="easyui-combobox" style="width: 160px" id="DriverName" data-options="required:true,panelHeight:'auto',editable:false">
            </td>
        </tr>
        <tr>
            <td style="width: 110px; text-align: right">备注：</td>
            <td colspan="3">
                <input id="Remark" class="easyui-textbox" data-options="multiline:true" style="width:476px;height:30px">
            </td>
        </tr>
        <tr></tr>
        <tr>
            <td colspan="4" style="text-align:center">
                <a href="javascript:void(0)" id="btnHR" class="easyui-linkbutton" style="width:80px;margin:auto" data-options="iconCls:'icon-add'" onclick="submitEditFormHR();">确认换人</a>
                <a href="javascript:void(0)" id="btnHK" class="easyui-linkbutton" style="width:80px;margin:auto" data-options="iconCls:'icon-add'" onclick="submitEditFormHK();">确认换卡</a>
                <a href="javascript:void(0)" id="btnadd" class="easyui-linkbutton" style="width:80px;margin:auto" data-options="iconCls:'icon-add'" onclick="submitAddForm();">确认新增</a>
                <a href="javascript:void(0)" id="btnedit" class="easyui-linkbutton" style="width:80px;margin:auto" data-options="iconCls:'icon-add'" onclick="submitEditForm();">确认修改</a>
            </td>
        </tr>
    </table>
</div>
<div id="dlg" class="easyui-dialog" title="油卡信息更改记录" data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closed:true,resizable:false,iconCls:'icon-custom-cWuZiWeiHu'" style="width:1115px;height:490px;padding:10px;">
    <div data-options="region:'center'" style="background: #fafafa; ">
        <table id="gridCardInfoLink"></table>
    </div>
</div>
